/*Estilos Generales*/
*{
	font-family: 'Open Sans', sans-serif;
}
img{max-width: 100%;}

::-ms-clear {
  display: none;
}

.no-border-dialog{
	border:none;
}

.buttons-in-login{
	width:90% !important;
}

.padding_lr_70px{
	padding: 0px 70px;
}

.flex_row{
	flex-direction: row;
}

.diagnostico_red_font{
	color: rgba(190,7,18, 1) !important;
	font-weight: bold !important;
}

.diagnostico_blue_font{
	color: rgba(0, 119, 171, 1) !important;
	font-weight: bold !important;
}

.black_color{
	color: rgba(0, 0, 0, 1) !important;
}

.font_13px{
	font-size: 13px;
}

.card_opacity{
	opacity: 0.4;
}

.no_padding{
	padding: 0px;
}
.display_table{
	display: table;
}
.padding_2rem {
	padding: 2.7rem;
}
.no_margin{
	margin: 0px;
}
.no_visible{
	display: none;
}
.no_scrollable{
	overflow: none;
}
.margin_auto{
	margin: auto;
}
.fixed{
	position: fixed;
}
.block{
	display: block;
}
.inline{
	display: inline;
}
.inline_block{
	display: inline-block;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.bottom{
	bottom: 0px;
}
.right{
	right: 0px;
}
.top{
	top: 0px;
}
.left{
	left:0px;
}

/*Colores*/
.bg_blue{
	background: #216d99;
}
.bg_white{
	background: #ffffff;
}
.bg_ligth_blue{
	background: #f9fdff;
}

/*Blue buttom Nafim*/
.btn_nafin_blue{
	background-color: #226c99;
	color: #fff;
}
.btn_nafin_blue:hover{
	background-color: #2b85b9;
	color: #fff;
}
.text_white{
	color: white;
}

.slim {
    border-radius: 0.5rem;
}

/*Alineaciones*/
.padding_10px{
	padding: 10px 10px 10px 10px;
}
.padding_ud_10px{
	padding: 10px 0px 10px 0px;
}
.padding_lr_10px{
	padding: 0px 10px 0px 10px;
}
.margin_10px{
	margin: 10px 10px 10px 10px;
}
.margin_ud_10px{
	margin: 10px 0px 10px 0px;
}
.margin_lr_10px{
	margin: 0px 10px 0px 10px;
}

/*Header Line*/
.hr_divider_line{
    border: 0px;
    border-bottom: 1px solid #999;
    margin-top:  0px;
    margin-bottom: 0px;
}

/*father most contain class no_padding*/
.under_score_title{
	border: 1px solid red;
}

.margin_container{
	margin-top: 50px;
}

.box_shado{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}
.box_shadow_h{
	height: 100%;
}
.card-body-h{
	height: 100%;
}


/*Tags*/

h2{
	font-size: 19px;
	color: #303030;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 13px;
}
h5{
	font-size: 10px;
}


/*Text */
.lighter{font-weight: lighter;}
.regular{font-weight: normal;}
.bold{font-weight: bold;}
.bolder{font-weight: bolder;}
.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}

p, a, span{
	/* font-size: 16px; */
	/* overflow-anchor: auto; */
}

/*No list*/
.no_list_style{
	list-style: none;
}
.full_width{
	width: 100%;
}
.scroll_overflow{
	width: 100%;
    height: 800px;
    overflow: scroll;
}

/* Buttons */
.btn_see_more:hover{
	background-color: #1c76a7;
	color: #fff;
	cursor: pointer;
}

.btn_see_more:active{
	background-color: #216d99;
	color: #fff;
}

.btn_see_more {
	width: 100%; 
	border-radius: 5px;
	background: #216d99;
	font-size: 14px;
	min-height: 38px;
	color: #fff;
}

.btn-admin-edit {
	background: #46972B;
	color: #fff;
}

.btn-admin-delete {
	background: #EC4A41;
	color: #fff;
}

.btn_rounded {
    width: 30px;
    height: 30px;
    margin: 0 0 5px 5px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
   
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_fullwidth{
	width: 100% !important;
};

.circle_number {
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 20px;
	height: 20px;
}

.banner_upload {
	width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 10px;
}

.cursor-pointer
{
	cursor: pointer;
}
.cursor-move{
	cursor: move;
}

/*.cursor-pointer:hover 
{
    background-color: #4CAF50;
    color: white;
}

.cursor-pointer:active 
{
    background-color: #007bff;
    color: white;
}*/

/*Remove webkit*/
.no_webkit{
	-webkit-appearance: none;
}

.Searchable-select__label {
    height: 40px;
}
.Searchable-select__label span {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 94%;
    display: inline-block;
}

label[for="upload-image"]{
	margin-bottom: 0px;
}

.btn{
	padding: 0.375rem 0.60rem;
}

.modal_xl{
	max-width: 1100px;
}
.link-historico{
	cursor: pointer;
}

/** Noticias **/
.img-noticias-inicio-eventos{
		width:100%;
		height:170px;
}

.noticia-fecha{
	position:absolute;
	bottom:0px;
	font-size: 13px;
}

.noticia-visualizaciones{
	position:absolute;
	bottom:0px;
	right:15px;
	font-size: 13px;
}

.noticia-titulo{
	text-overflow: ellipsis; 
	width:100%; 
	white-space:nowrap;
	overflow:hidden
}

.noticia-descripcion{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
}

.noticia-comunidad-cuerpo{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

/** Buscador **/
.noticia-buscador-titulo{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.noticia-buscador-subtitulo{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.seleccionar-contacto{
	cursor:pointer;
}
.badge-size-foro{
	font-size:1rem; 
}

.list-group-item:hover{
	cursor: pointer;
	background: #eee;	
}
.messages {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.yours {
  align-items: flex-start;
}

.yours .message {
  margin-right: 25%;
  background-color: #eee;
  position: relative;
}

.yours .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #eee;
  border-bottom-right-radius: 15px;
}
.yours .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
}

.mine {
  align-items: flex-end;
}

.mine .message {
  color: white;
  margin-left: 25%;
  background: linear-gradient(to bottom, var(--main-color) 0%, var(--main-color) 100%);
  background-attachment: fixed;
  position: relative;
}

.mine .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: linear-gradient(to bottom, var(--main-color) 0%, var(--main-color) 100%);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}

.mine .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}

.icon-clock:after{
	content: "⏱";
	padding: 0px 5px;
}
/*
.icon-check:after{
	content: "✔";
	padding: 0px 5px;
}
	*/
.icon-check-received:after{
	content: "✔";
	padding: 0px 5px;
	color:cyan !important;
}

.icon-check-readed:after{
	content: "✔✔";
	padding: 0px 5px;
	color:cyan !important;
}

.cont-upload-image{
	height: auto !important;
}

.fullscreen-modal .modal {
  overflow-y:auto;
}
.fullscreen-modal .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.fullscreen-modal .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  max-width: 100%;
}

.fullscreen-modal .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 
  border-radius: 0;
  box-shadow: none;
  padding: 0px;
}

.fullscreen-modal .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: auto;
  background: #EEE;
  
  border: 0;
}

.fullscreen-modal .modal-title {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}

.fullscreen-modal .modal-body {
  position: absolute;
  top: 50px;
  bottom: 0px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
   padding: 0px;
}

.activar-notificaciones {
  animation: shake 5s ease infinite;
  transform-origin: 50% 50%;

}

@keyframes shake {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
.hidden-standalone-view-more{
		display: none;
	}

@media all and (display-mode: standalone) {
/** Mobile **/

	.modal{z-index: 99999 !important;}
	
	body{
		padding-top:70px 
	}

	.menu-mobile{
		position:fixed;
		z-index:999;
		bottom:0;
		width:100%;
		background:var(--main-color);
		font-size:0.75rem;
	}

	.option-menu-mobile{
		display:inline-block;
		width:32.5%
	}

	.option-menu-mobile:active, .option-menu-mobile:hover{
		color:yellow;
	}

	.notificaciones-push{
		position:fixed !important;
		z-index:999;
		bottom:60px;
	}

	.activar-notificaciones{
		background:#CFA;
		color:black; 
		height:auto;
	}
	
	.curso_completado{
		position: absolute;
		top: 0px;
		right:15px;
	}

	.curso_completado > img{
		width:30px;
		height:auto;
	}

	.img-curso-mobile{
		width: 100px;
		height: 100px;
	}
	.cursos-stars{
		font-size:0.75rem;
		color:goldenrod;
	}
	.selected-option-menu{
		border-bottom:white groove 4px;
		font-weight: bolder;
	}
	.hidden-standalone{
   		display: none !important;
   }

   .show-standalone{
   		display: block !important;
   }
/** En Mobile **/


  
  
    #navbarSupportedContent { 
      height: auto;
      max-height: calc(100vh - 50px);;
      width: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling:touch; /* mobile safari */
    }

    .fixed-top {
		position: absolute !important;
    }


   .font-responsive{
   		font-size:0.8rem !important; 
   }
}

/*Media Queries (En caso de ser necesarios)*/
@media (min-width: 400px) {

	/**Inicio - Noticias **/
	.img-noticias-inicio{
		width:100%;
		height:250px;
	}

	/** Comunidades **/
	.card-body-noticias-comunidad{
		padding: 10px;
	}
	
	.card-noticia-item{
		max-height: 350px;
		min-height: 350px;
	}

	.img-noticias-comunidades{
		width:100%;
		height:193px;
	}
	
}
.comment-divider{
	border-top:#dfdfdf solid 1px
}

.cursor-pointer{
	cursor:pointer;
}

@media (max-width: 576px) {

	.iframe-fullwidth{
		width:100% !important;
		
	}
}

/*Media Queries (En caso de ser necesarios)*/
@media (min-width: 576px) {

	/**Inicio - Noticias **/
	.img-noticias-inicio{
		width:100%;
		height:250px;
	}

	/** Comunidades **/
	.card-body-noticias-comunidad{
		padding: 10px;
	}
	
	.card-noticia-item{
		max-height: 345px;
		min-height: 345px;
	}

	.img-noticias-comunidades{
		width:100%;
		height:193px;
	}
	
}

#home_slider{top:-40px;}
@media (min-width: 768px) {
	#home_slider{min-height: 400px;}
	
	/**Inicio - Noticias **/
	.img-noticias-inicio{
		width:100%;
		height:170px;
	}

	/** Comunidades **/
	.card-body-noticias-comunidad{
		padding: 10px;
	}
	
	.card-noticia-item{
		max-height: 350px;
		min-height: 350px;
	}

	.img-noticias-comunidades{
		width:100%;
		height:auto;
	}
}

@media (min-width: 992px) {
	#home_slider{min-height: 400px;}

		/**Inicio - Noticias **/
	.img-noticias-inicio{
		width:100%;
		height:200px;
	}

	/** Comunidades **/
	.img-noticias-comunidades{
		width:100%;
		height:250px;
	}

	/** Comunidades **/
	.card-body-noticias-comunidad{
		padding: 10px;
	}
	
	.card-noticia-item{
		max-height: 350px;
		min-height: 350px;
	}

	.img-noticias-comunidades{
		width:100%;
		height:195px;
	}
}

@media (min-width: 1200px) {
	#home_slider{min-height: 600px;}
	
	/**Inicio - Noticias **/
	.img-noticias-inicio{
		width:100%;
		height:250px;
	}
	
	/** Comunidades **/
	.card-body-noticias-comunidad{
		padding: 10px;
	}
	
	.card-noticia-item{
		max-height: 350px;
		min-height: 350px;
	}

	.img-noticias-comunidades{
		width:100%;
		height:195px;
	}

}
.column_ticket{
	border:solid silver 1px;
	padding: 5px !important;
}
.column_header_ticket{
	border-top:solid silver 1px;
	border-right: solid silver 1px;
}
.column_ticket_header{
	background-color:var(--secondary-color);
	font-weight: bolder;
	text-transform: uppercase;
}
.panel_gris{
	background: white;
}

.btn-small{
    padding: 0.15rem 0.60rem !important;
}

#loading{background-color:rgba(255,255,255,1); height: 100%; left: 0; opacity: 1; position: fixed; top: 0; width: 100%; z-index: 9999; display: block; } 
.colaborador-seleccionado, .li-colaborador>div:hover,.colaborador-resultado-busqueda:hover{
	background-color:var(--main-color);color:white;
	text-transform: capitalize;
}

/* Footer */

html,
body{
	margin:0 !important;
	padding:0 !important;
	height:100% !important;
}

body > .ember-view{
	position: relative !important;
  	min-height: 91% !important;
}

body > .ember-view ~ .ember-view {
    position: static !important;
	min-height: initial !important;
}

.content-wrapper{
	padding-bottom:110px !important;
}

@media (max-width: 767px) {
	.footer{
		height: 135px !important;
	}
}

/* Fin Footer */

/* Cambios en el Modal */
.modal-content {
	border:0px !important;
    border-radius: 0.5rem !important;
	box-shadow: 0 2px 15px -3px rgba(0,0,0, 0.07), 0 10px 20px -2px rgba(0,0,0, 0.04);;
}

.close {
	font-size: 2rem !important;
	font-weight: normal;
}

.modal-header{
	border-bottom: 2px solid #f5f5f5 !important;
}

.modal-footer{
	border-top: 2px solid #f5f5f5 !important;
}

.modal-body{
	padding:1.4rem !important;
}
/* Fin de cambios en el Modal */

/* Datatable */
.page-item.active .page-link {
	color: #ffffff !important;
}

/* Tarjetas NOM035 (Carpeta de evidencias) */
.fila_tarjetas_nom > *,
.fila_tarjetas_nomdashboard > *{
	padding-bottom: calc(var(--bs-gutter-x)*1);
}
.fila_tarjetas_nom .teamCard{
	height: 264px;
}

.fila_tarjetas_nom .teamCard__title{
	height: 52px !important;
}

#tab_buzon_quejas .panel{
	min-height: auto !important;
}

/* Administracion > Dashboard > Reportes */

.btnDashboard:hover,
.btnTickets:hover{
	background:var(--main-color);
	/* border:2px solid var(--main-color); */
	color: #ffffff !important;
}

.btn_theme_dashboard{
	background:var(--main-color);
	/* border:2px solid var(--main-color);*/
}

.input_style_template {
	width: 100%;
	border: 1px solid #DDD !important;
	padding: 15px 22px !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	border-radius: 8px !important;
}

.input_style_template_icon{
	background-color: #FFF !important;
	border: 0px;
	position: absolute;
	top: 14px;
	right: 10px;
} 

.select_style_template {
	width: 100%;
	background-color: #FFF !important;
	padding: 20px 22px !important;
	border: 1px solid #DDD !important;
	border-radius: 8px !important;
}

/* Fin: Administracion > Dashboard > Reportes */

@media (min-width: 1200px) {
	.header .header-menu .menu .subnav > li > a:hover {
		/* color: var(--color-purple-1); */
		background-color: var(--main-color) !important;
		color:#FFFFFF !important;
	}
}